<%@ page pageEncoding="utf-8" %>
<!DOCTYPE HTML>
<html>
<head>
	<%
		String path = request.getContextPath();
		String basePath = request.getScheme() + "://"
				+ request.getServerName() + ":" + request.getServerPort()
				+ path + "/";
	%>
	<base href="<%=basePath%>" />

	<title>Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Easy Admin Panel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- Bootstrap Core CSS -->
	<link href="static/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
	<!-- Custom CSS -->
	<link href="static/css/style.css" rel='stylesheet' type='text/css' />
	<!-- Graph CSS -->
	<link href="static/css/font-awesome.css" rel="stylesheet">
	<!-- jQuery -->
	<!-- lined-icons -->
	<link rel="stylesheet" href="static/css/icon-font.min.css" type='text/css' />
	<!-- //lined-icons -->
	<!-- chart -->
	<script src="js/Chart.js"></script>
	<!-- //chart -->
	<!--animate-->
	<link href="static/css/animate.css" rel="stylesheet" type="text/css" media="all">
	<script src="static/js/wow.min.js"></script>
	<script>
        new WOW().init();
	</script>
	<!--//end-animate-->
	<!----webfonts--->
	<link href='http://fonts.useso.com/css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
	<!---//webfonts--->
	<!-- Meters graphs -->
	<script src="static/js/jquery-1.10.2.min.js"></script>
	<!-- Placed js at the end of the document so the pages load faster -->
    <style>
		.mainFrame{
			height: 800px;
			width: 100%;
		}
	</style>
</head>

<body class="sticky-header left-side-collapsed"  onload="initMap()">
<section>
	<!-- left side start-->
	<div class="left-side sticky-left-side">

		<!--logo and iconic logo start-->
		<div class="logo">
			<h1><a href="index.do">用户权限管理</a></h1>
		</div>
		<div class="logo-icon text-center">
			<a href="index.do"><i class="lnr lnr-home"></i> </a>
		</div>

		<!--logo and iconic logo end-->
		<div class="left-side-inner">

			<!--sidebar nav start-->
			<ul class="nav nav-pills nav-stacked custom-nav">

				<li class="menu-list">
					<a><i class="glyphicon glyphicon-user"></i>  <span>用户管理</span></a>
					<ul class="sub-menu-list">
						<li><a href="deleteUser.do?pn=1" target="mainFrame">用户操作</a> </li>
						<li><a href="updatepassword.do" target="mainFrame">修改密码</a></li>
					</ul>
				</li>
				<li class="menu-list">
					<a><i class="glyphicon glyphicon-globe"></i>  <span>角色管理</span></a>
					<ul class="sub-menu-list">
						<li><a href="showRoles.do" target="mainFrame">基本操作</a> </li>
					</ul>
				</li>
				<li class="menu-list">
					<a><i class="glyphicon glyphicon-lock"></i>  <span>权限管理</span></a>
					<ul class="sub-menu-list">
						<li><a href="showPermissions.do" target="mainFrame">查看权限</a></li>
					</ul>
				</li>
				<li class="menu-list">
					<a><i class="glyphicon glyphicon-book"></i>  <span>菜单管理</span></a>
					<ul class="sub-menu-list">
						<li><a href="#" target="mainFrame">一级菜单</a></li>
					</ul>
				</li>
				<li><a href="logout.do"><i class="glyphicon glyphicon-off"></i> <span>退出登录</span></a></li>
			</ul>
			<!--sidebar nav end-->
		</div>
	</div>
	<!-- left side end-->

	<!-- main content start-->
	<div class="main-content">
		<!-- header-starts -->
		<div class="header-section">

			<!--toggle button start-->
			<a class="toggle-btn  menu-collapsed"><i class="fa fa-bars"></i></a>
			<!--toggle button end-->

			<!--notification menu start -->
			<div class="menu-right">
				<div class="user-panel-top">
					<div class="profile_details_left">
						<ul class="nofitications-dropdown"></ul>
					</div>
					<div class="profile_details">
						<ul>
							<li class="dropdown profile_details_drop">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
									<div class="profile_img">
										<span style="background:url(static/images/1.jpg) no-repeat center"> </span>
										<div class="user-name">
											<p>Michael<span>${sessionScope.currentUser.name}</span></p>
										</div>
										<i class="lnr lnr-chevron-down"></i>
										<i class="lnr lnr-chevron-up"></i>
										<div class="clearfix"></div>
									</div>
								</a>
								<ul class="dropdown-menu drp-mnu">
									<li> <a href="#"><i class="fa fa-cog"></i>修改密码 </a> </li>
									<li> <a href="#"><i class="fa fa-user"></i>个人信息</a> </li>
									<li> <a href="logout.do"><i class="fa fa-sign-out"></i> 注销</a> </li>
								</ul>
							</li>
							<div class="clearfix"> </div>
						</ul>
					</div>
					<div class="social_icons">
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<!--notification menu end -->
		</div>
		<!-- //header-ends -->
		<div >
			<iframe name="mainFrame" src="welcome.do" class="mainFrame" id="mainFrame"></iframe>
		</div>
	</div>
	<!--footer section start-->
	<footer>
		<p>用户权限管理系统</p>
	</footer>
	<!--footer section end-->

	<!-- main content end-->
</section>

<script src="static/js/jquery.nicescroll.js"></script>
<script src="static/js/scripts.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="static/js/bootstrap.min.js"></script>
</body>
</html>